<!--
 * @Author: wangzhichiao<https://github.com/wzc570738205>
 * @Date: 2021-07-02 10:07:32
 * @LastEditors: wangzhichiao<https://github.com/wzc570738205>
 * @LastEditTime: 2021-07-02 14:33:54
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>全景demo2</title>
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/photo-sphere-viewer@4/dist/photo-sphere-viewer.min.css"
    />

    <script src="https://cdn.jsdelivr.net/npm/three/build/three.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/uevent@2/browser.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/photo-sphere-viewer@4/dist/photo-sphere-viewer.min.js"></script>

    <style>
      html,
      body,
      #photosphere {
        margin: 0;
        width: 100%;
        height: 100%;
      }
    </style>
  </head>
  <body>
    <div id="photosphere"></div>
    
  </body>
</html>
<script>
  new PhotoSphereViewer.Viewer({
    panorama: "./sphere.jpg",
    container: "photosphere",
    caption: "全景照片<b>&copy; <a href='https://github.com/mistic100/Photo-Sphere-Viewer' target=’_blank‘ rel=’noopener noreferrer‘>Photo Sphere Viewer</a></b>",
    loadingImg: "./photosphere-logo.gif",
    defaultLat: 0.3,
    autorotateDelay:2000,
    autorotateSpeed:'0.5rpm',
    touchmoveTwoFingers: true,
    mousewheelCtrlKey: true,
  });
</script>
